<template>
<view class="myitemlist">
	<view class="myitem" v-for="item,index in list">
		<view class="myitem_left" @click="handlerClick(item.title)">
			<u-icon :name="item.icon" :bold="true" :color="item.color" size="22px"></u-icon>
			<view class="title_text">
				{{item.title}}
			</view>
		</view>
		<view class=".myitem_right">
			<u-icon name="arrow-right" :bold="true" color="#ccc"></u-icon>
		</view>
	</view>
</view>
</template>

<script>
	export default {
		props:{
			list:{
				type:Array,
				default () {
					return []
				}
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			handlerClick(val){
				// console.log(val)
				if(val=='退出登录'){
					console.log(1)
				uni.navigateTo({
					url:'/components/my/privacypolicy/privacypolicy',
				})
			}
		}
	},
	}
</script>

<style lang="scss">
	.myitem{
		display: flex;
		width: 100%;
		height: 80rpx;
		background-color: #fff;
		justify-content: space-between;
		padding: 0 20rpx;
		box-sizing: border-box;
		border-bottom: 1px solid #ccc;
	    align-items: center;
	}
	.myitem_left{
		display: flex;
		text-align: center;
		font-size: 26rpx
	}
	.title_text{
		margin-left: 16rpx;
		line-height: 80rpx;
	}
	
</style>
